<template>
  <div class="jumbotron-lg jumbotron-fluid jumbotron-lg-withnav bg-primary position-relative text-center" style="min-height: 100vh">
    <div class="container text-white tofront mb-4">
      <div class="row align-items-center justify-content-center text-center">
        <div class="col-md-10">
          <h1 class="display-3">页面好像迷路了</h1>
        </div>
      </div>
    </div>
    <div class="container text-white tofront mt-3 mb-4">
      <div class="row align-items-center justify-content-center text-center">
        <div class="col-md-10">
          <h1 class="display-1">404</h1>
        </div>
      </div>
    </div>
    <NuxtLink to="/" class="btn btn-lg btn-danger">点击返回首页</NuxtLink>
  </div>
</template>
